<template>
  <div class="M-Applet">
    <div class="img">
      <img :src="appletLists.imgsrc" alt="" />
    </div>
    <p>{{ appletLists.info }}</p>
  </div>
</template>

<script>
export default {
  props: {
    appletLists: Object,
  },
};
</script>

<style lang="scss" scoped>
.M-Applet {
  width: 32%;
  height: 600px;
  position: relative;
  margin: 10px 0;
  .img {
    img {
      width: 100%;
      height: 486px;
      border-radius: 50%;
    }
  }
  p {
    text-align: center;
  }
}
</style>